@font-face {
    font-family: 'ISOCPEUR';
    src: url('https://db.onlinewebfonts.com/t/4b5ae315f5df148f0ab479a7cedc9832.woff2') format('woff2');
    font-display: swap; /* ensures fallback text is visible until font loads */
}


.mainbody {
    font-family: 'ISOCPEUR', Arial, sans-serif;
    margin: auto;
    width: 100%; /* take up the full width */
    max-width: 1020px; /* optional: limit on large screens */
    margin-top: 80px; /* reduc padding so it doesn’t squeeze content on mobile */
    margin-bottom: 5px; /* reduc padding so it doesn’t squeeze content on mobile */
    padding: 40px;
    box-sizing: border-box; /* ensures padding is included in the width */
    border: 1px solid #49382d;
}



.listbodymain {
    margin-left: 0; /* reset LI margin */
    padding-left: 0; /* reset LI padding */
}


.mainbodyheatText {
    color: darkgray;
    font-size: 22px;
    margin: auto;
    margin-top: 10px;
    line-height: 1.5;
    text-align: justify;
}

.listbodyhead {
    font-weight: bold;
    font-size: 30px;
    color: #E28B10; /*darkslateblue*/
    margin-bottom: 20px;
    margin-top: 20px;
    list-style-type: none;
}

.listbodyhead0 {
    font-weight: bold;
    font-size: 26px;
    color: darkgrey;
    margin-bottom: 20px;
    margin-top: 20px;
    list-style-type: none;
}

.listbodyhead0 div div.translate {
        color: #626469;
        font-weight: normal;
        font-size: 24px;
    }

listbodyhead0 div.translate {
        font-size: 26px;
        font-weight: bold;
        color: gray;
        margin-bottom: 20px;
        margin-top: 20px;
}

.listbodyitems {
    font-weight: normal;
    color: black;
    font-size: 20px;
    margin-top: 15px;
    margin-left: 0; /* reset LI margin */
    padding-left: 0; /* reset LI padding */
}

    .listbodyitems li {
        margin-top: 10px;
        color: gray /*#4f4f4f*/;
        list-style-type: none;
    }

    .listbodyitems img.listIcons {
        width: 35px;
        height: 35px;
    }

    .listbodyitems img.listIcons2 {
        width: 180px;
        height: 80px;
        border: solid 1px gray;
    }

    .listbodyitems table {
        margin-left: auto;
        margin-right: auto;
        border: solid 0px gray;
        color: cadetblue;
    }

    .listbodyitems table a {
            color: cadetblue;
    }

.Contacts {
    font-size: 22px;
    border: solid 0px gray;
    color: cadetblue;
    width: 100%;
    height: 100%;
}

.Contacts iframe {
        border: solid 1px gray;
        width: 100%;
    }




div .translate {
    display: inline;
}

.ThemesLogo {
    width: 70%;
    height: 70%;
    display: block;
    border: solid 2px gray;
    opacity: 30%;
}

.Themes0 img {
    max-width: 100%; /* shrink to fit the parent container */
    height: auto; /* keep aspect ratio */
    display: block; /* ensures it respects margins */
    margin-left: auto; /* center horizontally */
    margin-right: auto;
    border: dashed 0px cadetblue;
}

.Themes1 img {
    width: 668px;
    height: 368px;
    border: dashed 1px gray;
    /*display: block;
    margin-left: auto;
    margin-right: auto;*/
}

.Themes2 {
    width: 40%;
    height: 40%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px gray;
}

.Themes3 {
    width: 60%;
    height: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px gray;
}

.Themes4 {
    width: 30%;
    height: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px gray;
}

body, html {
    height: 95%;
}